﻿<!DOCTYPE html>
<html lang="zh">

<head>
<!-- Meta -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- SITE TITLE -->
<title>Home</title>			
<!-- Latest Bootstrap min CSS -->
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<!-- Font Awesome CSS -->
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<!--- owl carousel Css-->
<link rel="stylesheet" href="assets/owlcarousel/css/owl.carousel.css">
<link rel="stylesheet" href="assets/owlcarousel/css/owl.theme.css">
<!--prettyPhoto css-->
<link href="assets/css/prettyPhoto.css" rel="stylesheet">
<!-- animate CSS -->
<link rel="stylesheet" href="assets/css/animate.css">
<!-- Style CSS -->
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body data-spy="scroll" data-offset="80">

<!-- START PRELOADER -->
<div class="preloader">
	<div class="status">
		<div class="status-mes"><h4>在聚</h4></div>
	</div>
</div>
<!-- END PRELOADER -->

<!-- START HEADER
<header class="header_area">
	<div class="container">
		<div class="row">
			<div class="col-md-6 col-xs-12 col-sm-6">
				<div class="top-info-left">
					<a href=""><i class="fa fa-envelope"></i>info@ekramit.net</a>
					<a href=""><i class="fa fa-phone"></i>+(88) 01 123 123 123</a>
				</div>
			</div>
			<div class="col-md-6 col-xs-12 col-sm-6">
				<div class="top-info-right">
					<ul class="list-unstyled">
						<li><a href="#"><i class="fa fa-facebook"></i></a></li>
						<li><a href="#"><i class="fa fa-twitter"></i></a></li>
						<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
						<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
						<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</header> -->
<!-- START HEADER -->

<!-- START HOME -->
<section data-stellar-background-ratio="0.3" id="home" class="home_bg" style="background-image: url(assets/img/bg/home-bg.jpg);  background-size:cover; background-position: center center;">
	<div class="container">
		<div class="row">
		  <div class="col-md-10 col-md-offset-1 col-sm-12 col-xs-12 text-center">
			<div class="hero-text">
				<h2>在聚音乐, 你的选择</h2>
				 <p>基于音乐/视频制作和创作分享、演出策划/艺术培训和艺人经纪的一体式综合服务平台.</p>
				<div class="home_btn">
					<a href="#about" class="app-btn wow bounceIn page-scroll home_btn_color_one" data-wow-delay=".6s" >关于我们</a>
					<a href="#plan" class="app-btn wow bounceIn page-scroll home_btn_color_two" data-wow-delay=".8s" >业务介绍</a>
				</div>
			</div>
		  </div><!--- END COL -->
		</div><!--- END ROW -->
	</div><!--- END CONTAINER -->
</section>
<!-- END  HOME -->

<!-- START NAVBAR -->
<div id="sticker" class="navbar navbar-default menu-top">
	<div class="container">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a href="index.html" class="navbar-brand"><img src="assets/img/logo.png" alt="logo"></a>
		</div>
		<div class="navbar-collapse collapse">
			<nav>
				<ul class="nav navbar-nav navbar-right">
					<li><a class="page-scroll" href="#home">首页</a></li>
					<li><a class="page-scroll" href="#about">关于我们</a></li>
					<li><a class="page-scroll" href="#projects">作品展示</a></li>
					<li><a class="page-scroll" href="#service">服务</a></li>
					<li><a class="page-scroll" href="#team">团队介绍</a></li>
					<!--<li><a class="page-scroll" href="#plan">Plan</a></li> -->
					<li><a class="page-scroll" href="#contact">联系我们</a></li>
				</ul>
			</nav>
		</div>
	</div><!--- END CONTAINER -->
</div>
<!-- END NAVBAR -->

<!-- START ABOUT -->
<section id="about" class="feature section-padding">
	<div class="container">
		<div class="row">
			<div class="section-title text-center wow zoomIn">
				<h2>关于我们</h2>
				<div></div>
			</div>
			<div id="about_slide" class="carousel slide" data-ride="carousel" data-interval="9999999">
				<!-- Indicators -->
				<ol class="carousel-indicators">
					<li data-target="#about_slide" data-slide-to="0" class="active"></li>
					<li data-target="#about_slide" data-slide-to="1"></li>
				</ol>
				<div class="carousel-inner text-center">
					<div class="item active">
						<div class="col-md-3 col-sm-6 col-xs-12 single_about wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
				<i class="fa fa-tablet color-one"></i>
				<h4>音乐制作团队</h4>
				<p>包含录音、编曲、作曲作词以及混音、监制等各方位优秀人才，曾为多位明星创作过歌曲，如：莫文蔚、欧弟、叶炫清、回音哥等等.</p>
			</div><!--- END COL -->
						<div class="col-md-3 col-sm-6 col-xs-12 single_about wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0">
				<i class="fa fa-life-ring color-two"></i>
				<h4>视频摄像团队</h4>
				<p>包含导演、编剧、摄像师、剪辑师、演员模特等视频相关的团队人员，为诸多政府部门、企业拍摄过宣传广告片.</p>
			</div><!--- END COL -->
						<div class="col-md-3 col-sm-6 col-xs-12 single_about wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0">
				<i class="fa fa-paper-plane-o color-three"></i>
				<h4>活动策划营销团队</h4>
				<p>在聚音乐创始团队成员，来自于策划行业和技术开发行业，天然具有强大的策划能力和线上开发能力，音乐节活动和平台的开发都可以轻松应付.</p>
			</div><!--- END COL -->
						<div class="col-md-3 col-sm-6 col-xs-12 single_about wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0">
				<i class="fa fa-file-text-o color-four"></i>
				<h4>培训及音乐人包装团队</h4>
				<p>包含声乐、吉他、钢琴/键盘、古筝、作曲/编曲/混音等多个学习项目，特别优秀的学员或音乐人将长期为其包装推广.</p>
			</div><!--- END COL -->
					</div>
					<div class="item">
						<div class="col-md-3 col-sm-6 col-xs-12 single_about wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
							<i class="fa fa-tablet color-one"></i>
							<h4>本地原创音乐人</h4>
							<p>纳入本地诸多原创音乐人，每人都有发行原创作品，我们为其制作包装音乐，具有强大的粉丝效应。</p>
						</div><!--- END COL -->
						<div class="col-md-3 col-sm-6 col-xs-12 single_about wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0">
							<i class="fa fa-life-ring color-two"></i>
							<h4>演出人员团队</h4>
							<p>拥有自己的签约音乐人、歌手、乐队、舞蹈演员以及其他表演人员。涵盖范围广，给你不一样的演出效果。</p>
						</div><!--- END COL -->
					</div>
				</div>
			</div>
		</div><!--- END ROW -->
	</div><!--- END CONTAINER -->
</section>
<!-- END ABOUT -->
<!--  START 我们的服务 -->
<section id="service" class="why_choose section-padding">
	<div class="container">
		<div class="row">
			<div class="section-title text-center wow zoomIn">
				<h2>我们的服务</h2>
				<div></div>
			</div>
			<div class="col-md-4 col-sm-4 col-xs-12 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.1s">
				<div class="single_why">
					<div class="single_why_title"><h4><i class="fa fa-desktop color-one"></i> 音乐制作</h4></div>
					<p>包含各种音乐风格的作曲作词、编曲、混音等，还包含影视配乐与播音主持等音乐制作。</p>
				</div>

				<div class="single_why">
					<div class="single_why_title"><h4><i class="fa fa-book color-two"></i> 视频拍摄制作</h4></div>
					<p>包含个人/企业团队的MV拍摄、微电影、企业/产品的宣传片、广告片等等。</p>
				</div>
				<div class="single_why">
					<div class="single_why_title"><h4><i class="fa fa-book color-two"></i> 自营网络平台</h4></div>
					<p>在聚音乐以自营的多个微信社群、微信公众号、音乐网站、以及官方抖音/微博账号进行音乐作品分享和组织公益/业务活动。</p>
				</div>
			</div><!--- END COL -->
			<div class="col-md-4 col-sm-4 col-xs-12  wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
				<div class="single_why_img"><img src="assets/img/man2.png" class="img-responsive" alt="" /></div>
			</div><!--- END COL -->
			<div class="col-md-4 col-sm-4 col-xs-12  wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.1s">
				<div class="single_why">
					<div class="single_why_title"><h4><i class="fa fa-support color-three"></i> 演出与活动策划</h4></div>
					<p>除乐队/歌手演出之外，还包含阿卡贝拉、舞蹈、魔术等其他配套演出，同时承办各类音乐主题活动，如音乐节等。</p>
				</div>

				<div class="single_why">
					<div class="single_why_title"><h4><i class="fa fa-heart-o color-four"></i> 好听音乐培训</h4></div>
					<p>师资全部来自于国内十大音乐学院，有丰富的培训经验和演出经验，培训学习涵盖-声乐、钢琴/键盘、吉他、贝司、尤克里里、古筝等等；传统专业与娱乐社交的教学方式让你在学音乐的同时，也能感受到乐趣和交到志同道合的朋友。</p>
				</div>
			</div><!--- END COL -->
		</div><!--- END ROW -->
	</div><!--- END CONTAINER -->
</section>
<!-- END 我们的服务 -->
<!-- START PORTFOLIO -->
<section id="projects" class="template_portfolio section-padding">
	<div class="container-fluid">
		<div class="row">
			<div class="section-title text-center">
				<h2>作品展示</h2>
				<div></div>
			</div>
			<div class="col-md-3 col-sm-3 col-xs-12 no-padding">
				<div class="single_our_work">
					<div class="sing_work_photo">
						<figure>
							<img src="assets/img/portfolio/1.jpg" alt="img">
							<div class="sing_work_text_link">
								<div class="sing_work_content_wrap">
									<div class="sing_work_content">
										<div class="sing_link_img">
											<a href="#" data-toggle="modal" data-target="#projectModal">View Project</a>
										</div>
										<h5>Project Title</h5>
									</div>
								</div>
							</div>
						</figure>
					</div>
				</div>
			</div><!--- END COL -->
			<div class="col-md-3 col-sm-3 col-xs-12 no-padding">
				<div class="single_our_work">
					<div class="sing_work_photo">
						<figure>
							<img src="assets/img/portfolio/2.jpg" alt="img">
							<div class="sing_work_text_link">
								<div class="sing_work_content_wrap">
									<div class="sing_work_content">
										<div class="sing_link_img">
											<a href="#" data-toggle="modal" data-target="#projectModal2">View Project</a>
										</div>
										<h5>Project Title</h5>
									</div>
								</div>
							</div>
						</figure>
					</div>
				</div>
			</div><!--- END COL -->
			<div class="col-md-3 col-sm-3 col-xs-12 no-padding">
				<div class="single_our_work">
					<div class="sing_work_photo">
						<figure>
							<img src="assets/img/portfolio/3.jpg" alt="img">
							<div class="sing_work_text_link">
								<div class="sing_work_content_wrap">
									<div class="sing_work_content">
										<div class="sing_link_img">
											<a href="#" data-toggle="modal" data-target="#projectModal3">View Project</a>
										</div>
										<h5>Project Title</h5>
									</div>
								</div>
							</div>
						</figure>
					</div>
				</div>
			</div><!--- END COL -->
			<div class="col-md-3 col-sm-3 col-xs-12 no-padding">
				<div class="single_our_work">
					<div class="sing_work_photo">
						<figure>
							<img src="assets/img/portfolio/4.jpg" alt="img">
							<div class="sing_work_text_link">
								<div class="sing_work_content_wrap">
									<div class="sing_work_content">
										<div class="sing_link_img">
											<a href="#" data-toggle="modal" data-target="#projectModal4">View Project</a>
										</div>
										<h5>Project Title</h5>
									</div>
								</div>
							</div>
						</figure>
					</div>
				</div>
			</div><!--- END COL -->
			<div class="col-md-3 col-sm-3 col-xs-12 no-padding">
				<div class="single_our_work">
					<div class="sing_work_photo">
						<figure>
							<img src="assets/img/portfolio/5.jpg" alt="img">
							<div class="sing_work_text_link">
								<div class="sing_work_content_wrap">
									<div class="sing_work_content">
										<div class="sing_link_img">
											<a href="#" data-toggle="modal" data-target="#projectModal5">View Project</a>
										</div>
										<h5>Project Title</h5>
									</div>
								</div>
							</div>
						</figure>
					</div>
				</div>
			</div><!--- END COL -->
			<div class="col-md-3 col-sm-3 col-xs-12 no-padding">
				<div class="single_our_work">
					<div class="sing_work_photo">
						<figure>
							<img src="assets/img/portfolio/6.jpg" alt="img">
							<div class="sing_work_text_link">
								<div class="sing_work_content_wrap">
									<div class="sing_work_content">
										<div class="sing_link_img">
											<a href="#" data-toggle="modal" data-target="#projectModal6">View Project</a>
										</div>
										<h5>Project Title</h5>
									</div>
								</div>
							</div>
						</figure>
					</div>
				</div>
			</div><!--- END COL -->
			<div class="col-md-3 col-sm-3 col-xs-12 no-padding">
				<div class="single_our_work">
					<div class="sing_work_photo">
						<figure>
							<img src="assets/img/portfolio/7.jpg" alt="img">
							<div class="sing_work_text_link">
								<div class="sing_work_content_wrap">
									<div class="sing_work_content">
										<div class="sing_link_img">
											<a href="#" data-toggle="modal" data-target="#projectModal6">View Project</a>
										</div>
										<h5>Project Title</h5>
									</div>
								</div>
							</div>
						</figure>
					</div>
				</div>
			</div><!--- END COL -->
			<div class="col-md-3 col-sm-3 col-xs-12 no-padding">
				<div class="single_our_work">
					<div class="sing_work_photo">
						<figure>
							<img src="assets/img/portfolio/8.jpg" alt="img">
							<div class="sing_work_text_link">
								<div class="sing_work_content_wrap">
									<div class="sing_work_content">
										<div class="sing_link_img">
											<a href="#" data-toggle="modal" data-target="#projectModal6">View Project</a>
										</div>
										<h5>Project Title</h5>
									</div>
								</div>
							</div>
						</figure>
					</div>
				</div>
			</div><!--- END COL -->

			<!--  MODEL ONE -->
			<div class="modal fade" id="projectModal">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title">Project Overview</h4>
						</div>
						<div class="modal-body">
							<img src="assets/img/portfolio/1.jpg" class="img-responsive" alt="">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer porttitor massa sed velit egestas vulputate. Morbi turpis tellus, porta in cursus at, finibus vitae dui. Nam mollis quam a sem iaculis euismod. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ac pharetra justo, vel dapibus tortor. Etiam laoreet imperdiet varius.</p>
							 <ul class="list-unstyled project-list" >
								<li><label>Client : </label> Themeforest</li>
								<li><label>Category :</label> Web Design</li>
								<li><label>Date : </label> 25 April 2016</li>
								<li><label>Project Url : </label> <a href="#">www.themeforest.net</a></li>
							</ul>
					  </div>
					</div><!-- END CONTENT -->
				</div><!-- END MODEL DIALOG -->
			</div><!--END MODEL ONE -->
			<!-- MODEL TWO -->
			<div class="modal fade" id="projectModal2">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title">Project Overview</h4>
						</div>
						<div class="modal-body">
							<img src="assets/img/portfolio/2.jpg" class="img-responsive" alt="">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer porttitor massa sed velit egestas vulputate. Morbi turpis tellus, porta in cursus at, finibus vitae dui. Nam mollis quam a sem iaculis euismod. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ac pharetra justo, vel dapibus tortor. Etiam laoreet imperdiet varius.</p>
							 <ul class="list-unstyled project-list" >
								<li><label>Client : </label> Themeforest</li>
								<li><label>Category :</label> Web Design</li>
								<li><label>Date : </label> 25 April 2016</li>
								<li><label>Project Url : </label> <a href="#">www.themeforest.net</a></li>
							</ul>
					  </div>
					</div><!-- END CONTENT -->
				</div><!-- END MODEL DIALOG -->
			</div><!--END MODEL TWO -->
			<!-- MODEL THREE -->
			<div class="modal fade" id="projectModal3">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title">Project Overview</h4>
						</div>
						<div class="modal-body">
							<img src="assets/img/portfolio/3.jpg" class="img-responsive" alt="">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer porttitor massa sed velit egestas vulputate. Morbi turpis tellus, porta in cursus at, finibus vitae dui. Nam mollis quam a sem iaculis euismod. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ac pharetra justo, vel dapibus tortor. Etiam laoreet imperdiet varius.</p>
							 <ul class="list-unstyled project-list" >
								<li><label>Client : </label> Themeforest</li>
								<li><label>Category :</label> Web Design</li>
								<li><label>Date : </label> 25 April 2016</li>
								<li><label>Project Url : </label> <a href="#">www.themeforest.net</a></li>
							</ul>
					  </div>
					</div><!-- END CONTENT -->
				</div><!-- END MODEL DIALOG -->
			</div><!--END MODEL THREE -->
			<!-- MODEL FOUR -->
			<div class="modal fade" id="projectModal4">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title">Project Overview</h4>
						</div>
						<div class="modal-body">
							<img src="assets/img/portfolio/4.jpg" class="img-responsive" alt="">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer porttitor massa sed velit egestas vulputate. Morbi turpis tellus, porta in cursus at, finibus vitae dui. Nam mollis quam a sem iaculis euismod. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ac pharetra justo, vel dapibus tortor. Etiam laoreet imperdiet varius.</p>
							 <ul class="list-unstyled project-list" >
								<li><label>Client : </label> Themeforest</li>
								<li><label>Category :</label> Web Design</li>
								<li><label>Date : </label> 25 April 2016</li>
								<li><label>Project Url : </label> <a href="#">www.themeforest.net</a></li>
							</ul>
					  </div>
					</div><!-- END CONTENT -->
				</div><!-- END MODEL DIALOG -->
			</div><!--END MODEL FOUR -->
			<!-- MODEL FIVE -->
			<div class="modal fade" id="projectModal5">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title">Project Overview</h4>
						</div>
						<div class="modal-body">
							<img src="assets/img/portfolio/5.jpg" class="img-responsive" alt="">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer porttitor massa sed velit egestas vulputate. Morbi turpis tellus, porta in cursus at, finibus vitae dui. Nam mollis quam a sem iaculis euismod. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ac pharetra justo, vel dapibus tortor. Etiam laoreet imperdiet varius.</p>
							 <ul class="list-unstyled project-list" >
								<li><label>Client : </label> Themeforest</li>
								<li><label>Category :</label> Web Design</li>
								<li><label>Date : </label> 25 April 2016</li>
								<li><label>Project Url : </label> <a href="#">www.themeforest.net</a></li>
							</ul>
					  </div>
					</div><!-- END CONTENT -->
				</div><!-- END MODEL DIALOG -->
			</div><!--END MODEL FIVE -->
			<!-- MODEL SIX -->
			<div class="modal fade" id="projectModal6">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title">Project Overview</h4>
						</div>
						<div class="modal-body">
							<img src="assets/img/portfolio/6.jpg" class="img-responsive" alt="">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer porttitor massa sed velit egestas vulputate. Morbi turpis tellus, porta in cursus at, finibus vitae dui. Nam mollis quam a sem iaculis euismod. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ac pharetra justo, vel dapibus tortor. Etiam laoreet imperdiet varius.</p>
							 <ul class="list-unstyled project-list" >
								<li><label>Client : </label> Themeforest</li>
								<li><label>Category :</label> Web Design</li>
								<li><label>Date : </label> 25 April 2016</li>
								<li><label>Project Url : </label> <a href="#">www.themeforest.net</a></li>
							</ul>
					  </div>
					</div><!-- END CONTENT -->
				</div><!-- END MODEL DIALOG -->
			</div><!--END MODEL SIX -->
			<!-- MODEL SEVEN -->
			<div class="modal fade" id="projectModal7">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title">Project Overview</h4>
						</div>
						<div class="modal-body">
							<img src="assets/img/portfolio/7.jpg" class="img-responsive" alt="">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer porttitor massa sed velit egestas vulputate. Morbi turpis tellus, porta in cursus at, finibus vitae dui. Nam mollis quam a sem iaculis euismod. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ac pharetra justo, vel dapibus tortor. Etiam laoreet imperdiet varius.</p>
							 <ul class="list-unstyled project-list" >
								<li><label>Client : </label> Themeforest</li>
								<li><label>Category :</label> Web Design</li>
								<li><label>Date : </label> 25 April 2016</li>
								<li><label>Project Url : </label> <a href="#">www.themeforest.net</a></li>
							</ul>
					  </div>
					</div><!-- END CONTENT -->
				</div><!-- END MODEL DIALOG -->
			</div><!--END MODEL SEVEN -->
			<!-- MODEL EIGHT -->
			<div class="modal fade" id="projectModal8">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title">Project Overview</h4>
						</div>
						<div class="modal-body">
							<img src="assets/img/portfolio/8.jpg" class="img-responsive" alt="">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer porttitor massa sed velit egestas vulputate. Morbi turpis tellus, porta in cursus at, finibus vitae dui. Nam mollis quam a sem iaculis euismod. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ac pharetra justo, vel dapibus tortor. Etiam laoreet imperdiet varius.</p>
							 <ul class="list-unstyled project-list" >
								<li><label>Client : </label> Themeforest</li>
								<li><label>Category :</label> Web Design</li>
								<li><label>Date : </label> 25 April 2016</li>
								<li><label>Project Url : </label> <a href="#">www.themeforest.net</a></li>
							</ul>
					  </div>
					</div><!-- END CONTENT -->
				</div><!-- END MODEL DIALOG -->
			</div><!--END MODEL EIGHT -->
		</div><!--END  ROW  -->
	</div><!-- END CONTAINER  -->
</section>
<!-- END PORTFOLIO -->


<!-- START HOW IT WORKS -->
<section class="about_video" style="background-image: url(assets/img/bg/video-bg.jpg); background-size:cover; background-position: center center;background-attachment:fixed;">
	<div class="container">
		<div class="row">
			<div class="col-md-12 col-sm-12 col-xs-12 text-center">
				<div class="video-container">
					<a data-toggle="modal" data-target="#video-modal" data-backdrop="true">
					<span class="play-video"><span class="fa fa-play"></span></span></a>
					<h1>视频欣赏</h1>
				</div>
				<!-- VIDEO POPUP -->
				<div class="modal fade video-modal" id="video-modal" role="dialog">
					<div class="video-modal-content">
						<iframe frameborder="0" width="677" height="380.8125" allow="autoplay; fullscreen" allowfullscreen="true" src="//v.qq.com/txp/iframe/player.html?origin=https%3A%2F%2Fmp.weixin.qq.com&amp;vid=k0647iwb90r&amp;autoplay=false&amp;full=true&amp;show1080p=false&amp;isDebugIframe=false"></iframe>
					</div>
				</div>
				<!-- END VIDEO POPUP -->
			</div><!--- END COL -->
		</div><!--- END ROW -->
	</div><!--- END CONTAINER -->
</section>
<!-- END HOW IT WORKS -->

<!-- START OUR TEAM -->
<section id="team" class="our_team section-padding">
	<div class="container">
		<div class="row text-center">
			<div class="section-title wow zoomIn">
				<h2>团队介绍</h2>
				<div></div>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="single_team">
					<div class="img_wrap">
						<img src="assets/img/team/1.png" class="img-responsive" alt="" />
					</div>
					<div class="team_title">
						<h3>黄诗麒</h3>
						<p>首席音乐制作总监</p>
					</div>
				</div>
			</div><!-- END COL -->
			<div style="width: 55%;float: left;">
				<div style="text-align: left; margin-left: 20px; margin-top: 10px;">
					<h4>源自央视三套音乐制作团队，精通录音混音，作词/作曲/编曲以及吉他/钢琴等各种乐器；曾担任麦乐文化传媒首席混音师、编曲，为多名艺人打造原创歌曲，参与《中国好声音》、《中国好歌曲》等栏目录音混音工作。</h4>
					<p>2011-2012年，开始与5sing知名音乐人合作，制作多张专辑，担任第3届校园歌曲大赛监制。</p>
					<p>2013-2014年，为微电影《美丽的明天》的同名主题曲编曲，担任当地校园好声音音乐总监。</p>
					<p>2015年4月 ，为微电影《过去的一天》背景音乐编曲；同时担任该电影音乐指导；同年为多名知名艺人录制的专辑。</p>
					<p>2016-2017年，同年11月为微电影《远方妈妈来烧菜》制作主题曲 《亲爱的你啊》同时参与中国新歌声录音混音工作。</p>
					<p>获的过的奖项：第三届校园原创歌曲大赛第二名  第二届网络悦音杯编曲大赛一等奖  南舞原创歌曲大赛一等奖等。</p>
					<p>合作过的歌手：欧弟、叶炫清、莫文蔚、吴映香、回音哥、庄心妍、张扬等等。</p>
					<p>合作过的栏目：《中国新歌声》《中国好歌曲》《梦想的声音》和《全国校园歌手大赛》等等。</p>
					<p>部分代表作品：莫文蔚《境外》、莫文蔚《害怕》、欧汉声《我们有武功》、庄心妍《时间会走》、袁博《旧人》、段同愿《鼓楼》、冯蔼希《那些过去》、唐敏《看透你》、孙杨《寂寞》等。</p>
				</div>
			</div>
		</div><!--- END ROW -->
	</div><!--- END CONTAINER -->
</section>
<!-- END TEAM -->



<!-- START PRICING TABLE
<section id="plan" class="our_pricing section-padding">
	<div class="container">
		<div class="row pricing">
			<div class="section-title text-center wow zoomIn">
				<h2>费用</h2>
				<div></div>
			</div>
		  <div class="col-md-4 col-sm-4 col-xs-12">
			<div class="pricing-table">
				<p class="ccr-price-title">Basic</p>
			  <div class="ccr-price">
				<P class="ccr-price-value">$19</P>
			  </div>
			  <ul class="ccr-price-list">
				<li>Up to 1 Hours</li>
				<li>10 images</li>
				<li>5 Outfit Changes</li>
				<li>10 Edited Images</li>
				<li>Hi-rs images on FD</li>
			  </ul>
			  <button class="btn-price-bg">Select Plan</button>
			</div>
		  </div>
		  <div class="col-md-4 col-sm-4 col-xs-12">
			<div class="pricing-table">
				<p class="ccr-price-title">Standard</p>
			  <div class="ccr-price">
				<P class="ccr-price-value">$29</P>
			  </div>
			  <ul class="ccr-price-list">
				<li>Up to 1 Hours</li>
				<li>10 images</li>
				<li>5 Outfit Changes</li>
				<li>10 Edited Images</li>
				<li>Hi-rs images on FD</li>
			  </ul>
			  <button class="btn-price-bg">Select Plan</button>
			</div>
		  </div><
		  <div class="col-md-4 col-sm-4 col-xs-12">
			<div class="pricing-table">
				<p class="ccr-price-title">premium</p>
			  <div class="ccr-price">
				<P class="ccr-price-value">$39</P>
			  </div>
			  <ul class="ccr-price-list">
				<li>Up to 1 Hours</li>
				<li>10 images</li>
				<li>5 Outfit Changes</li>
				<li>10 Edited Images</li>
				<li>Hi-rs images on FD</li>
			  </ul>
			  <button class="btn-price-bg">Select Plan</button>
			</div>
		  </div>
		</div>
	</div>
</section>-->
<!-- END PRICING TABLE -->

<!-- START TESTIMONIAL -->
<section id="testimonials" class="client_testimonial section-padding">
	<div class="container">
		<div class="row text-center">
			<div class="section-title">
				<h2>我们的客户</h2>
				<div></div>
			</div>
			<div id="testimonial_slide" class="carousel slide" data-ride="carousel" data-interval="9999999">
				<!-- Indicators -->
				<ol class="carousel-indicators">
					<li data-target="#testimonial_slide" data-slide-to="0" class="active"></li>
					<li data-target="#testimonial_slide" data-slide-to="1"></li>
				</ol>
				<!-- Wrapper for slides -->
				<div class="carousel-inner text-center">
					<div class="item active">
						<div class="col-md-4 col-sm-4 col-xs-12">
							<div class="single_testimonial">
								<p>全球领先的以视频为核心的智慧物联解决方案提供商和运营服务商，以技术创新为基础，提供端到端的视频监控解决方案、系统及服务，为城市运营、企业管理、个人消费者生活创造价值。</p>
								<img src="assets/img/testimonial/1.jpeg" alt="" />
								<h3>大华股份</h3>
							</div>
						</div><!-- END COL -->
						<div class="col-md-4 col-sm-4 col-xs-12">
							<div class="single_testimonial">
								<p>税友软件集团股份有限公司，以税务信息化建设与服务（纳税申报、电子税务局、个税管理系统、大企业审计、财税大数据开发与应用等）为主营业务的软件集团。</p>
								<img src="assets/img/testimonial/2.jpeg" alt="" />
								<h3>税友</h3>
							</div>
						</div><!-- END COL -->
						<div class="col-md-4 col-sm-4 col-xs-12">
							<div class="single_testimonial">
								<p>恒生聚焦于财富资产管理，致力于为证券、期货、基金、信托、保险、银行、交易所、私募等机构提供整体的解决方案和服务，为个人投资者提供财富管理工具。</p>
								<img src="assets/img/testimonial/3.jpeg" alt="" />
								<h3>恒生电子</h3>
							</div>
						</div><!-- END COL -->
					</div><!-- END ITEM -->
					<div class="item">
						<div class="col-md-4 col-sm-4 col-xs-12">
							<div class="single_testimonial">
								<p>阿里巴巴是全球企业间(B2B)电子商务的著名品牌，为数千万网商提供海量商机信息和便捷安全的在线交易市场。</p>
								<img src="assets/img/testimonial/4.jpeg" alt="" />
								<h3>阿里巴巴</h3>
							</div>
						</div><!-- END COL -->
						<div class="col-md-4 col-sm-4 col-xs-12">
							<div class="single_testimonial">
								<p>网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,开设新闻、娱乐、体育等30多个内容频道,网聚人的力量。</p>
								<img src="assets/img/testimonial/5.jpeg" alt="" />
								<h3>网易</h3>
							</div>
						</div><!-- END COL -->
						<div class="col-md-4 col-sm-4 col-xs-12">
							<div class="single_testimonial brnone">
								<p>海康威视是以视频为核心的物联网解决方案提供商,为全球提供安防、可视化管理和大数据服务。</p>
								<!--<i class="fa fa-star"></i>-->
								<img src="assets/img/testimonial/6.jpeg" alt="" />
								<h3>海康威视</h3>
							</div>
						</div><!-- END COL -->
					</div><!-- END ITEM -->
				</div><!-- END CAROUSEL-INNER -->
			</div><!-- END CAROUSEL -->
		</div><!-- END ROW  -->
	</div><!-- END CONTAINER  -->
</section>
<!-- END TESTIMONIAL -->

<!-- START PARTNER LOGO -->
<div class="partner_logo section-padding">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="partner  wow fadeInRight">
					<a href="#"><img src="assets/img/partner/1.png" alt="image"></a>
					<a href="#"><img src="assets/img/partner/2.png" alt="image"></a>
					<a href="#"><img src="assets/img/partner/3.png" alt="image"></a>
					<a href="#"><img src="assets/img/partner/4.png" alt="image"></a>
					<a href="#"><img src="assets/img/partner/5.png" alt="image"></a>
					<a href="#"><img src="assets/img/partner/2.png" alt="image"></a>
					<a href="#"><img src="assets/img/partner/1.png" alt="image"></a>
					<a href="#"><img src="assets/img/partner/3.png" alt="image"></a>
					<a href="#"><img src="assets/img/partner/4.png" alt="image"></a>
					<a href="#"><img src="assets/img/partner/5.png" alt="image"></a>
				</div>
			</div><!-- END COL  -->
		</div><!--END  ROW  -->
	</div><!--END  CONTAINER  -->
</div>
<!-- END PARTNER LOGO -->

<!-- START 联系 FORM  -->
<section id="contact" class="contact-us section-padding">
	<div class="container">
		<div class="row ">
			<div class="section-title text-center wow zoomIn">
				<h2>联系我们</h2>
				<span></span>
			</div>
			<div class="contact" style="background-image: url(assets/img/bg/contact-bg.jpg); background-size:cover; background-position: center center;">
				<div class="col-md-5 col-sm-5 col-xs-12">
					<div class="single_address">
						<i class="fa fa-rocket color-five"></i>
						<h4>地址</h4>
						<p>杭州滨江区信诚路与怀德街交叉口东300米怀诚体育内</p>
					</div>
					<div class="single_address">
						<i class="fa fa-phone color-six"></i>
						<h4>电话</h4>
						<p>18268060461(赵团长) </p>
						<p>13008909106(黄导) </p>
					</div>
					<div class="single_address">
						<i class="fa fa-envelope color-seven"></i>
						<h4>邮箱</h4>
						<p>admin@kakon.com</p>
					</div>
					<div class="single_address single_address_mbnone">
						<i class="fa fa-lightbulb-o color-eight"></i>
						<h4>工作时间</h4>
						<p>Sat-Mon: 10.00AM-21.00PM</p>
					</div>
				</div><!-- END COL -->
			</div><!-- END CONTACT -->
		</div><!-- END ROW -->
	</div><!--- END CONTAINER -->
</section>
<!-- END CONTACT FORM -->

<!-- START MAP -->
	<!---<div id="map"></div>--->
<!-- END MAP -->

<!-- START FOOTER BOTTOM -->
<footer class="footer">
	<div class="container">
		<div class="row">
			<div class="col-md-6 col-sm-6 col-xs-12 wow zoomIn">
				<p class="footer_copyright">Copyright &copy; 2018.在聚音乐 All rights </p>
			</div><!--- END COL -->
			<div class="col-md-6 col-sm-6 col-xs-12 wow zoomIn">
				<div class="footer_social">
					<ul>
						<li><a class="f_facebook" href="#"><i class="fa fa-facebook"></i></a></li>
						<li><a class="f_twitter" href="#"><i class="fa fa-twitter"></i></a></li>
						<li><a class="f_google" href="#"><i class="fa fa-google-plus"></i></a></li>
						<li><a class="f_linkedin" href="#"><i class="fa fa-linkedin"></i></a></li>
						<li><a class="f_youtube" href="#"><i class="fa fa-youtube"></i></a></li>
						<li><a class="f_skype" href="#"><i class="fa fa-skype"></i></a></li>
					</ul>
				</div>
			</div><!--- END COL -->
		</div><!--- END ROW -->
	</div><!--- END CONTAINER -->
</footer>
<!-- END FOOTER BOTTOM-->

<!-- Latest jQuery -->
	<script src="assets/js/jquery-1.12.4.min.js"></script>
<!-- Latest compiled and minified Bootstrap -->
	<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<!-- modernizer JS -->
	<script src="assets/js/modernizr-2.8.3.min.js"></script>
<!-- stellar js -->
	<script src="assets/js/jquery.stellar.min.js"></script>
<!-- owl-carousel min js  -->
	<script src="assets/owlcarousel/js/owl.carousel.min.js"></script>
<!-- jquery.prettyPhoto js -->
	<script src="assets/js/jquery.prettyPhoto.js"></script>
<!-- scrolltopcontrol js -->
	<script src="assets/js/scrolltopcontrol.js"></script>
<!-- form-contact js -->
	<script src="assets/js/form-contact.js"></script>
<!-- WOW - Reveal Animations When You Scroll -->
	<script src="assets/js/wow.min.js"></script>
<!-- map js -->
	<!---<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDwIQh7LGryQdDDi-A603lR8NqiF3R_ycA"></script>--->
<!-- scripts js -->
	<script src="assets/js/scripts.js"></script>
</body>
</html>